<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
    <style>
        *{
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        ul{
            float: right;
        }
        ul li{
            float: left;
            margin: 23px 22px 0px 0px;
            
        }
        ul li a{
             color: black;
        }
        .a1{
            overflow: hidden;
        }
        .a2{
            margin-top:73px;
            text-align: center;
        }
        .a3{
            width: 639px;
            height: 33px;
           
            margin: 39px auto 207px;
        }
        .a3 a{
            font-size: 14px;
            background-color: #3385ff;
            padding: 8px 20px;
            float: right;
            position: relative;
            color: white;
            text-decoration: none;
        }
        .a3,p{
            color: #999999;
        }
        textarea{
            width: 541px;
            height: 33px;
            resize: none;
            outline: none;
           
            z-index: 0px;
        }
        .a4{
            text-align: center;
          
        }
        .span1{
            width: 20px;
            height: 20px;
        
            display: block;
            background:url('images/camera_new_5606e8f.png')no-repeat 2px -17px;
            position: absolute;
            right: 445px;
            top: 267px;
            z-index: 0;
        
        }
        .a6{
           width: 600px;
           height: 20px;
           margin: 0px auto;
        }
        .a6 a{
            color: #999999;
            margin: 0px 24px 0px 0px;
            text-decoration: none;
        }
        .a7{
            width: 700px;
            height: 20px;
            margin: 0px auto;
            position: relative;
        }
        .a7 a{
            text-decoration: none;
            color: #999999;
        }
        .span2{
            width: 20px;
            height: 20px;
            display: block;
            background:url('images/icons_5859e57.png') -597px -92px;
            position: absolute;
            right: 250px;
            bottom: -47px;
        }
        .span3{
            width: 20px;
            height: 20px;
            display: block;
            background:url('images/icons_5859e57.png') -619px -92px;
            position: absolute;
            right: 0px;
            top: 46px;
        }
    </style>
<body>
    <div class="a1">
        <ul>
            <li>
                <a href="">糯米</a>
            </li>
            <li>
                <a href="">新闻</a>
            </li>
            <li>
                <a href="">hao123</a>
            </li>
            <li>
                <a href="">地图</a>
            </li>
            <li>
                <a href="">视频</a>
            </li>
            <li>
                <a href="">贴吧</a>
            </li>
            <li>
                <a href="">登录</a>
            </li>
            <li>
                <a href="">设置</a>
            </li>
            <li>
                <a href="">更多产品</a>
            </li>
            
        </ul>
    </div>
    <div class="a2">
        <img src="images/bd_logo1.png" alt=""  width="211px">
    </div>
    <div class="a3">
        <span class="span1"></span>
        <textarea name="" id="" cols="30" rows="10"></textarea>
        <a href="">百度一下</a>
    </div>
    <div class="a4"> 
        <a href="">
            <img src="images/zbios_efde696.png" alt="">
        </a>
        <p>手机百度</p>
    </div>
    <div class="a5">
       <div class="a6">
           <ul>
               <li>
                   <a href="">把百度设为主页</a>
               </li>
               <li>
                   <a href="">关于百度</a>
               </li>
               <li>
                   <a href="">About  Baidu</a>
               </li>
               <li>
                   <a href="">百度推广</a>
               </li>
           </ul>
       </div>
       <div class="a7">
           <ul>
               <li>
                   <a href="">
                    ©2016 Baidu 使用百度前必读 意见反馈 京ICP证030173号   
                    <span class="span2"></span>
                   </a>
                   
               </li>
               <li>
                   <a href="">京公网安备11000002000001号</a>
                   <span class="span3"></span>
               </li>
               <span></span>
           </ul>
       </div>
    </div>
</body>
</html>